﻿<%@ Page Language="VB" AutoEventWireup="false" CodeFile="HomePage.aspx.vb" Inherits="HomePage" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Mesbah's Pizza</title>
    <link href="StyleSheet.css" rel="Stylesheet" />
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js" type="text/javascript"></script>
    
     <script type="text/javascript">

         function theRotator() {
             //Set the opacity of all images to 0
             $('#btmStyle ul li').css({ opacity: 0.0 });

             //Get the first image and display it (gets set to full opacity)
             $('#btmStyle ul li:first').css({ opacity: 1.0 });

             //Call the rotator function to run the slideshow, 6000 = change to next image after 6 seconds

             setInterval('rotate()', 5000);

         }

         function rotate() {
             //Get the first image
             var current = ($('#btmStyle ul li.show') ? $('#btmStyle ul li.show') : $('#btmStyle ul li:first'));

             if (current.length == 0) current = $('#btmStyle ul li:first');

             //Get next image, when it reaches the end, rotate it back to the first image
             var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('#btmStyle ul li:first') : current.next()) : $('#btmStyle ul li:first'));

             //Set the fade in effect for the next image, the show class has higher z-index
             next.css({ opacity: 0.0 })
	        .addClass('show')
	        .animate({ opacity: 1.0 }, 1000);

             //Hide the current image
             current.animate({ opacity: 0.0 }, 1000)
	        .removeClass('show');

         };

         $(document).ready(function () {
             //Load the slideshow
             theRotator();
             $('#btmStyle').fadeIn(1000);
             $('#btmStyle ul li').fadeIn(1000);
         });

</script>
</head>
<body>
    <form id="form1" runat="server">
    <div id="divWrap"><!-- Start of divWrap -->
    <div id="Header"><!-- Start of Header div -->
    </div><!-- End of Header div -->
    <div id="navbar"><!-- Start of navbar div -->
        <ul><li><a style="color:#800000" href="HomePage.aspx">Home</a></li>
        <li><a href="Order.aspx">Order</a></li>
        <li><a href="AboutUs.htm">About Us</a></li>
        <li><a href="Contact.htm">Contact</a></li>
        </ul>
    </div><!-- End of navbar div -->
    <br />
    <br />
    <div id="main"><!-- Start of main div -->
        <table>
        <tr>
        <td class="tdleftHome">

        <h2>Welcome!</h2>
            Login:<br /> 
            <asp:TextBox ID="txtLogin" runat="server"></asp:TextBox><br />
            Password:<br />
            <asp:TextBox ID="txtPWord" runat="server" TextMode="Password"></asp:TextBox><br />
            <asp:Button ID="btnSubmit" runat="server" Text="Submit" />
            <p>Not already a customer?<br />
        <a href="NewCustomer.aspx" style="font-size:15px; ">Click Here to Register</a></p>
             <p class="coupon"><b>10% OFF</b> 
            <br />with purchase of <br />
            2 or more large pizza's
            <br />Coupon Code: 05776</p>
        </td>
        <td class="tdrightHome"><p style="font-size:25px; font-weight:bold; text-align:center" >Menu</p>
            <p style="font-size:20px; font-weight:bold; text-align:center; margin:-5px">Sizes</p>
            <p style="text-align:right">
            Small Pizza.............................. $5.00<br />
            Medium Pizza.............................. $7.00<br />
            Larg Pizza.............................. $9.00</p>
            <p style="font-size:20px; font-weight:bold; text-align:center; margin:-5px"> Toppings </p>
            <p style="text-align:right">
            Cheese.............................. $1.00<br />
            Pepperoni.............................. $1.50<br />
            Mushroom.............................. $1.75<br />
            Meat Lovers.............................. $2.75<br />
            Veggie Lovers.............................. $2.00<br />
            Hawaiian.............................. $2.50</p>
           </td>
        </tr>
        </table>
        <table>
        <tr>
        <td id="btmStyle">
            <ul>
            <li class="show">
            <img src="Images/Pizza1.jpg" width="675px" height="100px" alt="Pic1" />
            </li>
            <li>
            <img src="Images/Pizza2.jpg" width="675px" height="100px" alt="Pic2" />
            </li>
            <li>
            <img src="Images/Pizza3.jpg" width="675px" height="100px" alt="Pic3"/>
            </li>
            </ul>
        </td>
        </tr>
        </table>
    </div><!-- End of main div -->
    <div id="footer"><!-- Start of footer div -->
        <p>Group 1: INFS 4300 Spring 2011</p>
    </div><!-- End of footer div -->
</div><!-- End of divWrap -->
    </form>
</body>
</html>
